<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>vue第二天 数据驱动视图</title>
</head>
<body>
	<div id='app'></div>
	<script src="./node_modules/vue/dist/vue.js" type="text/javascript"></script>
	<script type="text/javascript">
		//全局组件
		//第一个参数是组件名称，第二个参数是组件内容
		Vue.component('Vbtn',{
			template:`<button>按钮</button>`
		});

		let A = {
			template:`<Vbtn/>`
		}

		new Vue({
			el:'#app',
			data(){
				return{

				}
			},
			components:{
				A
			},
			template:`<div> <Vbtn/><A/> </div>`
		})
	</script>
</body>
</html>
